<%--
  Created by IntelliJ IDEA.
  User: John
  Date: 2019/7/4
  Time: 18:04
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <div class="layui-footer">
        <!-- 底部固定区域 -->
        © layui.com - 底部固定区域
    </div>
</div>
<script src="/static/layui/layui.js"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use(['element','form', 'layedit', 'laydate', 'upload'], function(){
        var layedit = layui.layedit
            upload = layui.upload
            form = layui.form;
        //创建一个编辑器
        var editIndex = layedit.build('edit_message_content');

        //拖拽上传
        upload.render({
            elem: '#attachment'
            // ,url: '/message/send'
            ,accept: 'file'
            ,field:'myFile'
            ,auto: false //选择文件后不自动上传
            ,bindAction: '#submitBtn'
            ,before:function(obj) {
                // this.data=$("#sendMessageForm").serializeObject(); //根据表单的id获取数据
                var files = obj.pushFile();
            }
            ,choose: function(obj){ //选择文件后预览
                //将每次选择的文件追加到文件队列
                var files = obj.pushFile();
                //预读本地文件，如果是多文件，则会遍历。(不支持ie8/9)
                obj.preview(function(index, file, result){
                    console.log(index); //得到文件索引
                    console.log(file); //得到文件对象
                    console.log(result); //得到文件base64编码，比如图片
                    $("#attachment p").html("<li>"+file.name+"</li>");
                });
            }
        });
    });
</script>
</body>
</html>
